<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <script src="../../common/js/purOrderDetailManager.js"></script>
    <script src="../../common/js/AjaxJson.js"></script>
    <title>订单列表</title>
    <link rel="stylesheet" href="../../common/css/checkOut.css">
    <style type="text/css">
        #oo {
            position: absolute;
            display: none;
            padding: 8px;
            background: #ffffff;
            /*background: #ffffff url(image/preload.gif) no-repeat 50% 50%;
            background-image: url("image/preload.gif");*/
            border: 10px solid #e3e3e3;
            z-index: 2000;
        }
    </style>r
    <script src="../../common/js/My97DatePicker/4.8/WdatePicker.js"></script>
</head>

<body class="pos-r">

<div>
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 订单管理 <span class="c-gray en">&gt;</span> 购买订单列表
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
    </nav>
    <div class="page-container">
        <div class="text-c">
          <!--  <span >选择订单状态:</span>
            <select id="state" onchange="SearchState()" style="width: 100px">
                <option value ="4">全部</option>
                <option value="1">未发货</option>
                <option value="2">已发货</option>
                <option value="3">已收货</option>
                <option value="0">未付款</option>
            </select>-->&emsp;&emsp;&emsp;
            <span>客户微信号: </span><input type="text" id="accountNo" style="width:100px" class="input-text">&emsp;&emsp;&emsp;
            <span>产品名字: </span><input type="text" id="name" style="width:100px" class="input-text">&emsp;&emsp;&emsp;
            &emsp;&emsp;
            <span> 日期范围：</span>
            <input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'timeout\')||\'%y-%M-%d\'}' })" id="timein" class="input-text Wdate" style="width:100px;"> -
            <input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'timein\')}',maxDate:'%y-%M-%d' })" id="timeout" class="input-text Wdate" style="width:100px;">
            <button  class="btn btn-success" type="submit" style="float: right;" onclick="SearchOrder()" >
                <i class="Hui-iconfont">&#xe665;</i> 搜索订单
            </button>
        </div>
    </div>
    <div class="mt-20">
        <span class="r">共有数据：<strong id="totalCount"></strong> 条</span>
        <table  id="tb" class="table table-border table-bordered table-bg table-hover " align="center">
            <thead>
            <tr class="text-c">
                <th width="2%"><input name="" type="checkbox" value=""></th>
                <th width="4%"  align="center">序号</th>
                <th width="6%"  align="center">订单号</th>
                <th width="8%" align="center">客户微信号</th>
                <th width="8%" align="center">客户手机号</th>
                <th width="7%" align="center">商品名称</th>
                <th width="7%" align="center">商品图片</th>
                <th width="7%" align="center">商品颜色</th>
                <th width="8%" align="center">下单时间</th>
                <th width="8%"  align="center">送货/取货</th>
                <th width="8%"  align="center">送货地址</th>
                <th width="7%" align="center">购买金额</th>
                <th width="7%" align="center">实际购买金额</th>
                <th width="7%" align="center">订单状态</th>
                <th  align="center">操作</th>
            </tr>
            </thead>
            <tbody align="center" id="tbody"  class="text-c">
            </tbody>
        </table>
    </div>
    <div >
        <nav aria-label="Page navigation" style="text-align: center;">
            <ul class="pagination" id="pages" style="margin-top:0px;">
                <li id="previous" >
                    <a href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li id="next">
                    <a href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
    <div >

    </div>
</div>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script src="lib/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->

<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<!--<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>-->
<script type="text/javascript">
    $('.table-sort').dataTable({
        "aaSorting": [
            [1, "desc"]
        ], //默认第几个排序
        "bStateSave": true, //状态保存
        "aoColumnDefs": [{
            "orderable": false,
            "aTargets": [0, 7]
        } // 制定列不参与排序
        ]
    })
</script>
</body>

</html>